<script src="../packed.js"></script>
<script src="../packed-plugins.js"></script>

<h1>asynx Drag</h1>
<div id="log">LOG<br></div><br>

<div id="sDrag" ok="true">
	<div id="sDragTitle"><b>drag by here!</b><i>sdfsdfd<input type="text"></i></div>
	<div id="sDragBody">corpo...</div>
</div>

<script>
asynx('/body').css({
	fontFamily: 'Arial',
	fontSize: '11px'
});

asynx("//div[@ok]").css({
	bg: '#fff',
	height: '200px',
	width: '200px',
	border:'1px #999999 solid'
});

asynx('sDragTitle').css({
	bg: '#FBF8F4',
	border:'1px #999999 solid',
	width:'150px',
	height:'150px'
});

asynx('sDragBody').css({pad:'5px'});



var d = new asynx.drag('sDrag');

d.setDragHandle('sDragTitle');

d.onStartDrag = function(el, e) {
	asynx(el).css({opacity:50,cursor:'move'});
}


d.onDrag = function(el, e) {
}

d.onEndDrag = function(el, e) {
	asynx(el).css({opacity:100,cursor:'auto'});
}

</script>